
var  panel_menu = new Ext.form.FormPanel({

	//fullscreen:true,
	useCurrentLocation: true,   			
	scroll:'vertical',
	cardSwitchAnimation:"slide",
    layout: {
        type: 'vbox',
        pack: 'center',
        align: 'stretch'
    },
    scroll: 'vertical',      
	items:[{
        xtype: 'fieldset',
        title: ' ',
        width:'80%',
        instructions: '�ŷ��޴��� �����ϼ���.',
        align: 'center',
        layout: {
				align: 'center'
			},
        defaults: {
            required: true,
            labelAlign: 'center',
            labelWidth: '80%' },
		items:[
		{
			//scroll: 'horisontal',
			align:'center',
			width: '100%',
			layout: {
				align: 'center',
				type: 'hbox',
				pack: 'center'},  
			flex: 0, style: 'margin: .5em;',
			items:[{
				xtype:'button',
				width: '30%',
	            text: '�������',
	            iconCls:'Target',
	            //font-size:'80%',
	            icon: './img/b1.jpg',
	            iconAlign: 'top',
	            handler:function(){
	            	alert('hi1');
	            }
	                				
			},{ 
				xtype:'spacer',
				width:'5%',
			},{
				xtype:'button',
				width: '30%',
	            text: '��ǰ����',
	            icon: './img/b2.jpg',
	            iconAlign: 'top', 	
	            handler:function(){
	            	alert('hi2');
	            },
	                				
			},{ 
				xtype:'spacer',
				width:'5%',
			},{

				xtype:'button',
	            text: '�ֿ�ݸ�',
	            width: '30%',
	            icon: './img/b3.jpg',
	            iconAlign: 'top', 	
	            handler:function(){
	            	alert('hi3');
	            },
			}]
		},
		{
			scroll: 'horisontal',
			align: 'center',
			width: '100%',
			layout: {
				type: 'hbox',
				pack: 'center'},  
			flex: 2, style: 'margin: .5em;',
			items:[{
				xtype:'button',
	            text: '��������',
	            width: '30%',
	            icon: './img/b4.jpg',
	            iconAlign: 'top',
	            handler:function(){
	            	alert('hi');
	            }
	                				
			},{ 
				xtype:'spacer',
				width:'5%',
			},{

				xtype:'button',
				width: '30%',
	            text: 'm-����',
	            icon: './img/b5.jpg',
	            iconAlign: 'top', 	
	            handler:function(){
	            	alert('hi');
	            },
	                				
			},{ 
				xtype:'spacer',
				width:'5%',
			},{

				xtype:'button',
				width: '30%',
	            text: '��������',
	            icon: './img/b6.jpg',
	            iconAlign: 'top', 	
	            handler:function(){
	            	alert('hi');
	            },
			}]
		}		
,
		{
			scroll: 'horisontal',
			align:'center',
			width: '100%',
			layout: {
				type: 'hbox',
				pack: 'center'},  
			flex: 2, style: 'margin: .5em;',
			items:[{
				xtype:'button',
				width: '30%',
	            text: 'ȯ������',
	            icon: './img/b7.jpg',
	            iconAlign: 'top',
	            handler:function(){
	            	alert('hi');
	            }
	                				
			},{ 
				xtype:'spacer',
				width:'5%',
			},{

				xtype:'button',
				width: '30%',
	            text: '������',
	            icon: './img/b8.jpg',
	            iconAlign: 'top', 	
	            handler:function(){
	            	alert('hi');
	            },
	                				
			},{ 
				xtype:'spacer',
				width:'5%',
			},{

				xtype:'button',
				width: '30%',
	            text: '���԰�',
	            icon: './img/b9.jpg',
	            iconAlign: 'top', 	
	            handler:function(){
	            	alert('hi');
	            },
			}]
		}		
		]
	}],
});   

